
import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bmfmap_example/http/http.dart';
import 'package:flutter_bmfmap_example/pages/homepage/pages/Equipment_message/tool/tool.dart';
// import 'package:flutter_svg/svg.dart';

import 'Equipment_all_value/Equipment_all_value.dart';
import 'equipmentCard.dart';

class Equipment_message extends StatefulWidget {
  Equipment_message({Key key}) : super(key: key);

  @override
  _Equipment_messageState createState() => _Equipment_messageState();
}

class _Equipment_messageState extends State<Equipment_message> {
  List<EquipmentCard> list = [];
  var _data = [];
  var imageUrl = 'assets/images/common/监控.png';
  var equipment_data = [
    // {
    //   'typeId': '2',
    //   'deviceId': '12000',
    //   'list': [
    //     {
    //       'content': '温度异常3',
    //       'created': '2021-07-17 10:59:35',
    //       'state': 0,
    //     },
    //     {
    //       'content': '温度过高2',
    //       'created': '2021-07-09 10:59:33',
    //       'state': 0,
    //     },
    //     {
    //       'content': '灯没了1',
    //       'created': '2018-07-09 10:59:32',
    //       'state': 0,
    //     },
    //   ]
    // },
    // {
    //   'typeId': '4',
    //   'deviceId': '20000',
    //   'state': 0,
    //   'list': [
    //     {
    //       'content': '温度异常',
    //       'created': '2018-07-09 10:59:32',
    //       'state': 0,
    //     },
    //     {
    //       'content': '灯没了',
    //       'created': '2021-07-09 10:59:32',
    //       'state': 0,
    //     },
    //   ]
    // },
    // {
    //   'typeId': '8',
    //   'deviceId': '10000',
    //   'list': [
    //     {
    //       'content': '温度过高',
    //       'created': '2021-07-15 10:59:33',
    //       'state': 0,
    //     },
    //     {
    //       'content': '灯没了',
    //       'created': '2021-07-09 10:59:32',
    //       'state': 0,
    //     },
    //   ]
    // },
    // {
    //   'typeId': '1',
    //   'deviceId': '0',
    //   'list': [
    //     {
    //       'content': '温度异常',
    //       'created': '2021-07-09 10:59:35',
    //       'state': 0,
    //     },
    //     {
    //       'content': '温度过高',
    //       'created': '2021-07-09 10:59:33',
    //       'state': 0,
    //     },
    //   ]
    // },
    // {
    //   'typeId': '7',
    //   'deviceId': '0',
    //   'list': [
    //     {
    //       'content': '温度异常',
    //       'created': '2021-07-09 10:59:35',
    //       'state': 0,
    //     },
    //     {
    //       'content': '温度过高',
    //       'created': '2021-07-09 10:59:33',
    //       'state': 0,
    //     },
    //     {
    //       'content': '灯没了',
    //       'created': '2021-07-09 10:59:32',
    //       'state': 0,
    //     },
    //     {
    //       'content': '温度过高',
    //       'created': '2021-07-09 10:59:33',
    //       'state': 0,
    //     },
    //     {
    //       'content': '灯没了',
    //       'created': '2021-07-09 10:59:32',
    //       'state': 0,
    //     },
    //   ]
    // },
  ];

  @override
  initState() {
    // TODO: implement initState
    super.initState();
    // 页面加载时调用 用来开始时访问数据库
    _getmessage();
  }

  _getmessage() async {
    var response =
        await Http.get('/notice/queryMessage');
// http://xiangrikui.vaiwan.com/notice/updateState?typeId=3&deviceId=10000

    print(response.length);
    equipment_data = response;
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('消息通知'),
        backgroundColor: Colors.blue,
        actions: [
          InkWell(
            onTap: () {
              for (var i = 0; i < equipment_data.length; i++) {
                Tool.isRead(equipment_data[i]['list']);
                // equipment_data[i]['list'] = 1;
              }
              isreadAll();
              setState(() {});
            },
            child: Padding(
              padding: EdgeInsets.all(8),
              child: Image.asset(
                'assets/images/common/扫把.png',
              ),
            ),
          ),
        ],
      ),
      body: Container(
        color: Colors.black12,
        padding: const EdgeInsets.all(16.0),
        child: ListView(
          children: _listbuild(),
        ),
      ),
    );
  }

  _listbuild() {
    list = [];
    for (var i = 0; i < equipment_data.length; i++) {
      list.add(EquipmentCard(
        typeId: equipment_data[i]['typeId'],
        deviceId: equipment_data[i]['deviceId'],
        imgUrl: imageUrl,
        // state: equipment_data[i]['state'],
        list: equipment_data[i]['list'],
      ));
    }
    print(list);
    return list;
  }

  isreadAll() async {
    for (var i = 0; i < equipment_data.length; i++) {
      var response = await Http.get(
          '/notice/updateState?typeId=${equipment_data[i]['typeId']}&deviceId=${equipment_data[i]['deviceId']}');
    }
  }
}
